 $(function(){
  $('input[type=range]').on('input', function () {
            console.log(this.value * 0.1)
            // $('.gradient').css('width', parseInt( this.value*0.1)-1+'%')
            $(this).css('background', 'linear-gradient(to right, #059CFA, #d9dde9 ' + parseInt(this.value *
                0.1) + '%, #d9dde9)');
        });
    
    if($(window).scrollTop() < 100) {
      $(".pc_header").removeClass("bg");
      } else {
      $(".pc_header").addClass("bg");
    } 

    // 顶部header


    //移动端展开nav
    $(function() {
      $('#navToggle').on('click',function(){
        $('#navbar').addClass('open');
      })
      //关闭nav
      $('#closed').on('click',function(){
        $('#navbar').removeClass('open');
      })

      //二级导航  移动端
      $("#navbar .m_navul li").click(function() {
        $(this).children("div.dropdown_menu").slideToggle('slow')
        $(this).siblings('li').children('.dropdown_menu').slideUp('slow');  
      });
    });
// 移动端展开nav
    $(".colorAreaInner").on("click",function(){
        $(this).find("div").toggleClass("acticesss")
    })

    $(".bodyAreaInner").on("click",function(){
        $(this).find("div").toggleClass("acticesss")
    })

    $("#range_1").ionRangeSlider({
    
        min: 2009,

        max: 2020,

        from:2009,

        to: 2020,

        type: 'double',//设置类型

        step: 1,

        prefix: "",//设置数值前缀

        postfix: "",//设置数值后缀

        prettify: true,

        hasGrid: true

    });

    
    $(".rw_1 .irs-to").bind('DOMNodeInserted', function(e) {  
        $("#ran1").html($(".rw_1 .irs-to").html()) 
    });
    $(".rw_1 .irs-from").bind('DOMNodeInserted', function(e) {
        $("#ran2").html($(".rw_1 .irs-from").html()) 
    });


    $(".fuelInner").on("click",function(){
      if($(this).hasClass("fac")){
        $(this).removeClass("fac")
      }else{
        $(this).addClass("fac")
      }
    })


    $("#range_2").ionRangeSlider({
    
        min: 6990,

        max: 97990,

        from:6990,

        to: 97990,

        type: 'double',//设置类型

        step: 1,

        prefix: "",//设置数值前缀

        postfix: "",//设置数值后缀

        prettify: true,

        hasGrid: true

    });

    
    $(".rw_2 .irs-to").bind('DOMNodeInserted', function(e) {  
        $("#ran3").html("$"+$(".rw_2 .irs-to").html()) 
    });
    $(".rw_2 .irs-from").bind('DOMNodeInserted', function(e) {
        $("#ran4").html("$"+$(".rw_2 .irs-from").html()) 
    });

    $(".procesArea .tabInner").on("click",function(){
      $(".tabInner").each(function(){
        $(this).removeClass("tac")
      })
      $(".tabContent").each(function(){
        $(this).hide();
      })
      var idx = $(this).index();
      $(".tabContent").eq(idx).show();
      setTimeout(function(){
      r3();
      r4();
      },50)
      $(this).addClass("tac");
    })


    function r3(){
      $("#range_3").ionRangeSlider({
      
          min: 6990,

          max: 97990,

          from:6990,

          to: 97990,

          type: 'double',//设置类型

          step: 1,

          prefix: "",//设置数值前缀

          postfix: "",//设置数值后缀

          prettify: true,

          hasGrid: true

      });

      
      $(".rw_3 .irs-to").bind('DOMNodeInserted', function(e) {  
          $("#ran5").html("$"+$(".rw_3 .irs-to").html()) 
      });
      $(".rw_3 .irs-from").bind('DOMNodeInserted', function(e) {
          $("#ran6").html("$"+$(".rw_3 .irs-from").html()) 
      });
    }


    function r4(){
      $("#range_4").ionRangeSlider({
      
          min: 6990,

          max: 97990,

          from:6990,

          to: 97990,

          type: 'double',//设置类型

          step: 1,

          prefix: "",//设置数值前缀

          postfix: "",//设置数值后缀

          prettify: true,

          hasGrid: true

      });

      
      $(".rw_4 .irs-to").bind('DOMNodeInserted', function(e) {  
          $("#ran7").html("$"+$(".rw_4 .irs-to").html()) 
      });
      $(".rw_4 .irs-from").bind('DOMNodeInserted', function(e) {
          $("#ran8").html("$"+$(".rw_4 .irs-from").html()) 
      });
    }


    function f5(){
      $("#range_5").ionRangeSlider({
    
          min: 2009,

          max: 2020,

          from:2009,

          to: 2020,

          type: 'double',//设置类型

          step: 1,

          prefix: "",//设置数值前缀

          postfix: "",//设置数值后缀

          prettify: true,

          hasGrid: true

      });

      
      $(".rw_5 .irs-to").bind('DOMNodeInserted', function(e) {  
          $("#ran9").html($(".rw_5 .irs-to").html()) 
      });
      $(".rw_5 .irs-from").bind('DOMNodeInserted', function(e) {
          $("#ran10").html($(".rw_5 .irs-from").html()) 
      });
    }
    f5();


    function f6(){
      $("#range_6").ionRangeSlider({
    
          min: 2009,

          max: 2020,

          from:2009,

          to: 2020,

          type: 'double',//设置类型

          step: 1,

          prefix: "",//设置数值前缀

          postfix: "",//设置数值后缀

          prettify: true,

          hasGrid: true

      });

      
      $(".rw_6 .irs-to").bind('DOMNodeInserted', function(e) {  
          $("#ran11").html($(".rw_6 .irs-to").html()) 
      });
      $(".rw_6 .irs-from").bind('DOMNodeInserted', function(e) {
          $("#ran12").html($(".rw_6 .irs-from").html()) 
      });
    }
    f6();



    $(".makeCarInner").on("click",function(){
      if($(this).hasClass("carac")){
        $(this).removeClass("carac")
      }else{
        $(this).addClass("carac")
      }
    })

    $(".icon-linke").on("click",function(){
      $(this).toggleClass("icon-linke icon-linke2")
    })


    // $(".carWrap").hover(function(){
    //   $(this).find(".hideArea").show();
    // },function(){
    //   $(this).find(".hideArea").hide();
    // });
    $("body").on("click",function(){
       $(".hideArea").each(function(){
        $(this).hide();
       })
    })
    $(".carWrap").on("click",function(e){
        e.stopPropagation()
       // $(".hideArea").each(function(){
       //  $(this).hide();
       // })
       //$(this).find(".hideArea").toggle();
    })

    $(".proWrap").on("click",function(e){
        e.stopPropagation()
       var idx= ($(this).attr("v"))
       $(".hideArea").each(function(index,obj){
        if(idx !=index){
           $(this).hide();
        }
       })
       $(this).parent().find(".hideArea").toggle();
    })

    $(".hideArea").each(function(){
     $(this).hide();
      $(this).removeClass("hac")
    })


    $(".makeTitlesInner .makeCarInner").on("click",function(){
      $(".makeTitlesInner").hide();
      $(".makeTitlesWrap").show();
    });

    $(".finner").on("click",function(){
      var idx= $(this).find(".te").attr("idx")
      var text = $(this).find(".te").html();
      var str ='<div class="searchInnerContent sdiv'+idx+'" atr='+idx+'>'+
                 '<span>'+text+'</span>'+
                  '<img src="images/clo.png" class="clo">'+
               '</div>'
      if($(this).hasClass("ac")){
          $(this).removeClass("ac");
          $(".sdiv"+idx).remove();
      }else{
          $(this).addClass("ac");
          $(".moreSearch").append(str)
          
      }
      $(".clo").on("click",function(){
        $(this).parent().remove();
        var idxx=parseInt($(this).parent().attr("atr"))+1;
        $(".te"+idxx).parent().removeClass("ac");
      });
    });
    
    // $(".finner").on("click",function(){
    //   if($(".finner.ac").length==1){
    //     $(".hides").hide();
    //      $(".searchContent").show();
    //       $(".hides").hide();
    //   }
    //   if($(".finner.ac").length==3){
    //      $(".moreSearch").hide();
    //       $(".searchContent").show();
    //       $(".hides").hide();
    //   }
    //   var idx= $(this).find(".te").attr("idx")
    //   var text = $(this).find(".te").html();
    //   var str ='<div class="searchInnerContent sdiv'+idx+'" atr='+idx+'>'+
    //              '<span>'+text+'</span>'+
    //               '<img src="images/clo.png" class="clo">'+
    //            '</div>'
    //   if($(this).hasClass("ac")){
    //        $(this).removeClass("ac")
    //       $(".sdiv"+idx).remove();
    //       if($(".ac").length<=3){
    //         $(".smore").remove();
    //       }else{
    //         var cao = $(".ac").length-3;
    //             $(".smore").html(" <span>+"+cao+" MORE</span>");
    //       }
    //   }else{
    //        $(this).addClass("ac");
    //       if($(".searchContent .searchInnerContent").length>2){
    //           if($(".smore").length==0){
    //             var cao = $(".ac").length-3;
    //             var str2= '<div class="searchInnerContent smore"> '+
    //                       ' <span>+'+cao+' MORE</span> '+
    //                     '</div>'
    //             $(".searchContent").append(str2)  
    //           }else{
    //             var cao = $(".ac").length-3;
    //             $(".smore").html(" <span>+"+cao+" MORE</span>");
    //           }
               
    //       }else{
    //         $(".searchContent").append(str)   

    //       }
    //   }

    //   $(".clo").on("click",function(){
    //     $(this).parent().remove();
    //     var idxx=parseInt($(this).parent().attr("atr"))+1;
    //     $(".te"+idxx).parent().removeClass("ac");
    //     if($(".searchContent .searchInnerContent").length<=3){
    //         $(".smore").hide()
    //     }
    //   });

    //   $(".smore").on("click",function(){
    //       $(".moreSearch").show();
    //       $(".searchContent").hide();
    //       $(".hides").show();
    //   });
    //   $(".hides").on("click",function(){
    //     $(".moreSearch").hide();
    //       $(".searchContent").show();
    //       $(".hides").hide();
    //   })
    // })

    $(".filterInnerDiv").on("click",function(){
      if($(this).hasClass("facc")){
          $(this).removeClass("facc")
      }else{
          $(this).addClass("facc")
      }
    });

    $('.searchInput').bind('input propertychange', function() {  
    　　var le=$(this).val().length;
        if(le>0){
          $(".go").show();
        }else{
          $(".go").hide();
        }

　　});

    $('.searchInput').focus(function(){
        $(".search").addClass("searchBorder")
    })
    $('.searchInput').blur(function(){
        $(".search").removeClass("searchBorder")
    })

 }) 
  